/*   广告管理页面样式    */

/* app title */
.app_title{
	margin-left:16px;
	margin-top:16px;
}
.app-icon-title{
	background:url(../img/calendar.png) 0 -30px no-repeat;
	display:inline-block;
	height:28px;
	width:28px;	
	margin-left:22px;
	vertical-align:top;
}
.app_title span{
	font-size:18px;
	line-height:28px;
	padding-left:18px;
}
hr{
	border-top:1px #d0d0d0 solid;
}

/* app content - search */

.app_content{
	background-color:#fefefe;
	border:1px #dedede solid;
	padding:30px 30px 60px 30px;
	min-height:300px;
	margin-left:16px;
	margin-top:16px;
	overflow:hidden;
}
.form-con{
	margin-left:10px;
}
.form-con .control-group {
	margin:12px 20px 6px 0;
	float:left;
	padding-top:2px;
}
.form-con .control-btn{
	float:left;
	margin:12px 20px 6px 0;
}
.conPart .control-btn{
	margin-left:20px;
}
.chuliBtn{
	width:80%;
	margin:40px auto;
	text-align:center;
}
.chuliBtn .btn{
	padding:12px 36px;
	font-size:18px;
}
.form-con .control-label {
	width:100px;
	font-size:16px;
	color:#888;
	text-align:right;
	float:left;
	padding:5px 0;
}
.form-con label{
	margin:0;
}
.form-con .controls {
	float:left;
	line-height:20px;
	font-size:16px;
	height:28px;
}
/*
.form-con .controls label, .popup .form-horizontal .controls label, .tabContent .controls label{
	display:inline-block;
	margin-left:6px;
	margin-right:14px;
	margin-top:4px;
	font-size:15px;
	color:#777;
}*/

.form-con .controls label, .form-horizontal .controls label, .tabContent .controls label{
	display:inline-block;
	margin-left:6px;
	margin-right:14px;
	margin-top:4px;
	font-size:15px;
	color:#777;
}/*
.form-con .sel1 .select2-container:first-child , .popup .form-horizontal .sel1 .select2-container:first-child {
	margin-right:10px;
}
*/
.form-con .sel1 .select2-container:first-child , .form-horizontal .sel1 .select2-container:first-child {
	margin-right:10px;
}
.form-con .sel1 .select2-container{
	width:150px;
}
.conPart .sellong input[type=text]{
	width:200px;
}
.conPart .selshort input[type=text]{
	width:40px;
}
/*
.form-con input[type=text], .form-con input[type=password], .form-con select,
.popup .form-horizontal input[type=text], .popup .form-horizontal input[type=password], 
.popup .form-horizontal select{
	border:1px #bdbdbd solid;
	height:18px;
	line-height:18px;
}
*/

.form-con input[type=text], .form-con input[type=password], .form-con select,
.form-horizontal input[type=text], .form-horizontal input[type=password], 
.form-horizontal select{
	border:1px #bdbdbd solid;
	height:18px;
	line-height:18px;
}

.btn{
	font-size:16px;
	background-color:#d4d4d4;
	color:#666;
	padding:7px 24px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:none;
	text-shadow:none;
	
}
.btn:hover, .btn:focus, .btn:active{
	color:#666;
	background-color:#d4d4d4;
	border:none;
	box-shadow:none;
	text-shadow:none;
}
.app_content .btn-warning {
	color:#fff;
	text-shadow:none;
	background-color:#e4c600;
	background-image:none; 
	border:0;
	vertical-align:top;
}
.app_content .btn-warning:hover, .app_content .btn-warning:focus, 
.app_content .btn-warning:active, .app_content .btn-warning.active{
	color:#fff;
	background-color:#dfb907;
}
.form-con .sel3 .select2-container{
	width:174px;
}





/* app content - addlist */
.app-add{
	clear:both;
}
.addBtn{
	background-color:#f6f9fa;
	border:1px #dee1e5 dashed;
	padding:12px 18px;
	margin-top:34px;
	margin-bottom:18px;
	min-height:60px;
}
.quanxian{
	background-color:#f6f9fa;
	border:1px #dee1e5 dashed;
	padding:12px 18px;
	margin-top:34px;
	margin-bottom:18px;
	min-height:60px;
}
.quanxian .addBtn{
	background-color:none;
	border:none;
	padding:0;
	margin:0;
	min-height:auto;
}

.addBtn input[type=button]{
	border:0; 
	outline:0; 
	font:18px/18px 'microsoft yahei';
	padding:12px 14px 12px 34px; 
	cursor:pointer;
	margin-right:14px;
	margin-top:10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:none;
}
.addBtn input[type=button]:focus{
	box-shadow:none;
}
.addBtn .gray{
	background-color:#dfdfdf;
	color:#7f7f7f;
}


.addBtn .gray_ad{
	background:url(../img/addIcon.png) 0 0 no-repeat;
	background-color:#d4d4d4;
	color:#666;
}
.addBtn .blue_ad{
	background:url(../img/addIcon.png) 0 -42px no-repeat;
	background-color:#6494c0;
	color:#fff;
}


.addBtn .gray_ed{
	background:url(../img/addIcon.png) 0 -84px no-repeat;
	background-color:#d4d4d4;
	color:#666;
}
.addBtn .blue_ed{
	background:url(../img/addIcon.png) 0 -126px no-repeat;
	background-color:#6494c0;
	color:#fff;
}


.addBtn .gray_chan{
	background:url(../img/addIcon.png) 0 -168px no-repeat;
	background-color:#d4d4d4;
	color:#666;
}
.addBtn .blue_chan{
	background:url(../img/addIcon.png) 0 -210px no-repeat;
	background-color:#6494c0;
	color:#fff;
}


.addBtn .gray_close{
	background:url(../img/addIcon.png) 0 -250px no-repeat;
	background-color:#d4d4d4;
	color:#666;
}
.addBtn .blue_close{
	background:url(../img/addIcon.png) 0 -292px no-repeat;
	background-color:#6494c0;
	color:#fff;
}


.addBtn .gray_password{
	background:url(../img/addIcon.png) 0 -462px no-repeat;
	background-color:#d4d4d4;
	color:#666;
}
.addBtn .blue_password{
	background:url(../img/addIcon.png) 0 -504px no-repeat;
	background-color:#6494c0;
	color:#fff;
}


.addBtn .gray_audit{
	background:url(../img/addIcon.png) 0 -546px no-repeat;
	background-color:#d4d4d4;
	color:#666;
}
.addBtn .blue_audit{
	background:url(../img/addIcon.png) 0 -588px no-repeat;
	background-color:#6494c0;
	color:#fff;
}

/*    add - popup     */

#gray{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:99;
	background-color:#000;
	filter:alpha(opacity=40);
	opacity:0.4;
	display:none;
}



/*   advertise html   */
.form-con .inp1 {
	width:110px;
}
.form-con .inp4 {
	width:80px;
	margin-right:4px;
	font-size:12px;
}
.form-con .clear{
	clear:both;
}
.form-con .dis{
	margin-right:0 !important;
}
#dialog-message{
	display:none;
}
.app_main .form-horizontal .select2-container, .app_main .form-horizontal .sel2 .select2-container{
	width:446px;
}
.app_main .form-horizontal .control-group .inp2, 
.tabContent .control-group .inp2, .canshu .control-group .inp2 {
	width:80px;
}
.app_main .form-horizontal .fill{
	display:none;
}


.chan_left{
	width:200px;
	border:1px #c0c0c0 solid;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	margin:4px 6px;
	float:left;
}
.chanTitle{
	background-color:#eaeaea;
	height:30px;
	padding-top:6px;
	padding-left:4px;
	border-bottom:1px #c0c0c0 solid;
}
.chanTitle input[type=button]{
	outline:0;
	border:0;
	font:14px/14px 'microsoft yahei';
	padding:4px 4px 4px 20px;
}
.chanTitle input[disabled]{
	background-color:#eaeaea;
}
.chanTitle > label {
	margin:0 2px;
	padding-right:6px;
	background:url(../img/line4.png)no-repeat right 0 #eaeaea;
	display:inline-block;
}
.chanTitle > label:last-child{
	padding-right:0;
	background:none;
}
.black_add{
	background:url(../img/addIcon.png) -10px -10px no-repeat;
	color:#666;
}
.gray_up{
	background:url(../img/addIcon.png) -4px -332px no-repeat;
	color:#b2b2b2;
}
.gray_down{
	background:url(../img/addIcon.png) -4px -400px no-repeat;
	color:#b2b2b2;
}
.black_up{
	background:url(../img/addIcon.png) -4px -366px no-repeat;
	color:#666;
}
.black_down{
	background:url(../img/addIcon.png) -4px -434px no-repeat;
	color:#666;
}
.tabCon{
	position:relative;
	width:100%;
}
.tabTitle{
	height:26px;
	background: -moz-linear-gradient( top,#f9f9f9,#e5e5e5);
	background: -webkit-linear-gradient(top,#f9f9f9,#e5e5e5);
	background: -o-linear-gradient(top,#f9f9f9, #e5e5e5);
	border-bottom:1px #c0c0c0 solid;
}
.tabTitle label{
	display:inline-block;
	padding-left:14px;
	text-align:center;
	line-height:26px;
}
.tabScroll{
	height: 244px; 
	overflow-x: hidden; 
	overflow-y: auto; 
	background:#fafafa;
	position:relative;
}
.tabGroup label{
	display:inline-block;
	line-height:20px;
	padding:4px 0 4px 14px;
	margin-bottom:0;
}
.tabTitle label:first-child, .tabGroup label:first-child {
	text-align:right;
	width:9%;
	color:#999;
}
.odd{
	background-color:#f3f6fa;
}
.hoverColor{
	background-color:#e6f0ff;
	cursor:pointer;
}
.tabScroll .active{
	background-color:#b6d5ff;
}
.tabScroll .hover{
	background-color:#eee;
	border:1px #ccc solid;
}
.tabCon .scrLine{
	position:absolute;
	height:100%;
	border-right:1px #d6d5d7 solid;
	left:40px;
	top:0;
}
.chan_right{
	width:62%;
	height:256px;
	padding:26px 0;
	float:left;
	margin-top:4px;
	overflow-x: hidden; 
	overflow-y: auto;
	background-color:#f5f6f7;
	border:1px #c0c0c0 solid;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;	
}
.tabContent{
	display:none;
}
.tabContent input[type=text], .tabContent input[type=password], .tabContent input[type=color],
.tabContent select{
	border:1px #bdbdbd solid;
	margin-bottom:0;
}
.tabContent .select2-container{
	width:192px;
}
.tabContent .control-label{
	float:left;
	text-align:right;
	width:110px;
	font-size:13px;
	padding-top:12px;
}
.tabContent .control-group{
	margin-bottom:0;
}
.tabContent .controls{
	margin-left:134px;
	padding:8px 0;
}
.tabContent input[type=text]{
	width:178px;
}
.tabContent .inp3 input[type=text]{
	width:147px;
	font-size:14px;
}
.conProgress{
	position:relative;
}
.tabContent .clear{
	clear:both;
}
.tabContent .progress {
    margin-bottom: 2px;
    margin-top: 2px;
    width: 150px;
}
.tabContent .progress-mini {
    height: 16px;
}
.tabContent .bar{
	width:45%;
}
.tabContent .percent{
	width:40px !important;
	position: absolute;
    left: 152px;
    top:8px;
	font-size:13px;
	padding:0;
	border:none !important;
	outline:none;
	background-color:transparent;
	color:#53a8cb;
	margin-left:4px;
}
.chan_bot{
	background:url(../img/line3.png)repeat-x left top #f2f1ef;
	text-align:center;
	padding-bottom:20px;
	-webkit-border-radius:0 0 15px 15px;
	-moz-border-radius:0 0 15px 15px;
	border-radius:0 0 15px 15px;
	clear:both;
}
.chan_bot .btn{
	padding:5px 24px;
	
}
.chan_bot a{
	margin:20px 4px 0;
	font-size:13px;
	border:1px #cacaca solid;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background: -moz-linear-gradient( top,#fefefe,#e7e7e7);
	background: -webkit-linear-gradient(top,#fefefe,#e7e7e7);
	background: -o-linear-gradient(top,#fefefe, #e7e7e7);
}
.chan_bot a:hover, .chan_bot a:active{
	border:1px #bbb solid;
	background: -moz-linear-gradient( top,#f6f6f6,#ddd);
	background: -webkit-linear-gradient(top,#f6f6f6,#ddd);
	background: -o-linear-gradient(top,#f6f6f6, #ddd);
}

.tabContent .colorpicker{
	padding:0;
}
.tabContent .input-append, .input-prepend{
	margin-bottom:0;
}



#hideLayer{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:99;
	display:none;
}





/*  permissions html  */

#perm_tab_title{
	border-bottom:1px #cecece solid;
	padding-bottom:12px;
	padding-left:16px;
	margin-top:30px;
}
#perm_tab_title span{
	color:#999;
	font:20px/20px 'microsoft yahei';
	margin-left:4px;
	padding:12px 20px;
	cursor:pointer;
}
#perm_tab_title .active{
	background-color:#fefefe;
	color:#666;
	border-top:2px #dcc10c solid;
	border-left:1px #cecece solid;
	border-right:1px #cecece solid;
	border-bottom:1px solid transparent;
	
}
#perm_tab_title .active2{
	background-color:#f9f9f9;
	color:#666;
	border-top:2px #dcc10c solid;
	border-left:1px #cecece solid;
	border-right:1px #cecece solid;
	border-bottom:1px solid transparent;
	
}
.permSearch{
	margin-top:20px;
	clear:both;
}
.permSearch input[type=text]{
	border:1px solid #e6e6e6;
	color:#999;
	padding:4px 0;
	padding-left:10px;
	height:24px;
	line-height:24px;
	margin-right:12px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.075);
	-moz-box-shadow:0 0 6px rgba(0,0,0,0.075);
	box-shadow: 0 0 6px rgba(0,0,0,0.075);
}
.permSearch input[type=text]:focus{ 
	border-color:rgba(82,168,236,0.8);
	outline:0;
	outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6)
}
.FlpermTop label{
	display:inline;
}
.fenlei{
	width:150px;
	margin-top:4px;
	margin-right:8px;
}
#perm_tab_content{
	display:none;
}

.inter-form .control-label{
	width:100px;
}
.inter-form .select2-container{
	width:220px;
}
.interData{
	width:95%;
	background-color:#f6f9fa;
	border:1px #dee1e5 dashed;
	padding:18px;
	margin-top:18px;
}
.interData span{
	font:20px/20px 'microsoft yahei';
	color:#5d81a2;
}
.con-main{
	padding:2px 0;
	overflow:hidden;
}


/*    All  dialog  css   */

.ui-dialog{
	padding:0;
	background:none;
	background-color:#f9f9f9;
	border:none;
	color:#333;
	width:56% !important;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:0 0 12px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 12px rgba(0,0,0,0.4);
	box-shadow: 0 0 12px rgba(0,0,0,0.4);
}
.ui-dialog .ui-dialog-titlebar{
	height:52px;
	border:0;
	border-top:1px #fff solid;
	border-bottom:1px #adadad solid;
	padding:0 15px;
	-webkit-border-radius:15px 15px 0 0;
	-moz-border-radius:15px 15px 0 0;
	border-radius:15px 15px 0 0;
	background: -moz-linear-gradient( top,#e5e5e5,#d2d2d2);
	background: -webkit-linear-gradient(top,#e5e5e5,#d2d2d2);
	background: -o-linear-gradient(top,#e5e5e5, #d2d2d2);
}
.ui-widget{
	font:18px/18px 'microsoft yahei';
}
.ui-dialog .ui-dialog-title{
	padding:10px;
	font-weight:normal;
}
.ui-dialog .ui-dialog-content{
	padding:0;
	overflow:auto;
	max-height:394px !important;
}
.app_main .form-horizontal .controls label, .form-chan .controls label{
	display:inline-block;
	margin-left:6px;
	margin-right:14px;
	margin-top:6px;
}
.app_main .form-horizontal .sel1 .select2-container:first-child{
	margin-right:9px;
}
.app_main .form-horizontal input[type=text], .app_main .form-horizontal input[type=password], 
.app_main .form-horizontal select,.app_main  #formTab  input[type=text], .app_main  #formTab  input[type=password], 
.app_main #formTab select{
	border:1px #bdbdbd solid;
	/*font:13px/13px 'microsoft yahei';*/
	font-size:13px;
}
.channelNameClass {
	font:13px/13px 'microsoft yahei';
	padding-top:8px;
	display:block;
}
.areaSty{
	width:432px;
	height:auto;
	min-height:100px;
}
.app_main .form-horizontal .select2-search-field input[type=text] {
	border:1px solid transparent;
}
.app_main{
	padding-top:16px;
	overflow:hidden;
}
.app_main .form-horizontal .control-group{
	border-bottom:1px #e7e7e7 solid;
}
.app_main .form-horizontal .control-group:nth-of-type(1){
	border-top:0;
}
.app_main .form-horizontal .control-group:last-child{
	border-bottom:0;
}
.app_main .form-horizontal .controls{
	margin-left:180px;
	padding:12px 0;
}
.app_main .form-horizontal .control-label{
	width:160px;
	padding-top:16px;
	font-size:16px;
}
.app_main .form-horizontal input[type=text]{
	width:432px;
}
.app_main .form-horizontal .sel1 .select2-container{
	width:216px;
}
.app_main .form-horizontal .confirmBtn{
	padding:22px 0 36px 172px;
}
.app_main .confirmBtn .btn{
	padding:12px 40px;
	border:0;
	margin:8px;
	background-image:none; 
	border:0;
	vertical-align:top;
	text-shadow:none;
}
.app_main .confirmBtn .btn-primary {
	color:#fff;
	background-color:#6494c0;
}
.app_main .confirmBtn .btn-primary:hover, .app_main .confirmBtn .btn-primary:focus, 
.app_main .confirmBtn .btn-primary:active, .app_main .confirmBtn .btn-primary.active{
	background-color:#4881b5;
}
.app_main .confirmBtn .btn-success {
	color:#fff;
	background-color:#60ae39;
}
.app_main .confirmBtn .btn-success:hover, .app_main .confirmBtn .btn-success:focus, 
.app_main .confirmBtn .btn-success:active, .app_main .confirmBtn .btn-success.active{
	background-color:#51a029;
}
.app_main .select2-container .select2-choice span{
	font-size:13px;
}
.ui-icon{
	width:20px;
	height:20px;
	margin-right:10px;
	margin-top:10px;
}
.ui-dialog .ui-dialog-titlebar-close span{
	margin:8px 0 0 -8px;
}
.ui-state-default .ui-icon { 
	background-image: url(../img/close1.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(../img/close2.png);
}
.ui-icon-closethick { 
	background-position: 0 0; 
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
	color: #ffffff;
	background-color:#6494c0;
	background-repeat: no-repeat;
	background-image:none; 
	filter: none;
	text-shadow: none;
	border: 0;
	padding:14px 40px;
	margin:14px 6px;
}
.ui-button .ui-button-text{
	font:16px/16px 'microsoft yahei';
	text-shadow:none;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-hover {
   background-color:#4881b5 !important;
 }
.ui-dialog-buttonpane .suc_hover .ui-state-hover {
   background-color:#51a029 !important;
 }
.ui-dialog .ui-dialog-buttonpane{
 	text-align:center;
 }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float:none;
	width:auto;
	margin:0 auto;
}
.btn-add{
	width:94%;
	margin-left:26px;
} 
#actionMain{
	width:94%;
	margin-left:26px;
	margin-bottom:30px;
	padding-top:0 !important
} 

#actionMain table input{
	width:150px;
}
#actionMain table.dataTable.display tr td:last-child, .lastTd table.dataTable.display tr td:last-child{
	 text-align:center;
}
.ui-widget-overlay{
	background:#000;
	filter:alpha(opacity=40);
	opacity:0.4;
}
.select2-container-multi .select2-choices{
	width:auto;
}
.dropdown-menu{
	z-index:9999;
} 
 
 
 
/*   role    */
.role_left, .role_right {
	height:300px;
	float:left;
	margin-top:4px;
	margin-left:10px;
	overflow-x: hidden; 
	overflow-y: auto;
	background-color:#f5f6f7;
	border:1px #d8d8d8 solid;
	-webkit-border-radius:px;
	-moz-border-radius:4px;
	border-radius:4px;	
}
.role_left{
	width:33%;
} 
.role_right{
	width:62%;
}
.role_title{
	width:90%;
	margin:16px auto;
	padding:8px 0;
	background-color:#dce2e7;
	border-top:1px #cad0d6 solid;
	border-bottom:1px #cad0d6 solid;
}
.role_title span{
	font:16px/16px 'microsoft yahei';
	color:#333;
	padding-left:16px;
}
.role_list{
	margin-left:16px;
}
.role_list li{
	list-style-type:none;
	margin:6px 0;
}
.role_list li label{
	display:inline-block;
}
.role_list li input[type=checkbox]{
	vertical-align:middle;
	margin-bottom:3px;
}
.ztree{
	margin-left:24px;
}
.ztree *{
	font:13px/13px 'microsoft yahei';
	color:#404040;
}
.ztree li ul.line{
	height:auto;
}
.ztree li{
	padding-top:4px;
}
.select2-container:after{
	
}
.form-con .dataTime  input[type=text]{
	width:147px;
}
.conPart{
	margin-top:10px;
	clear:both;
	overflow:hidden;
}
.conPart .control-group{
	margin-right:0;
}
.dataone .control-label{
	width:80px;
}
.datepicker{
	padding:0;
}

#acc_tab_content{
	
}
.accBox{
	display:none;
	background:#f9f9f9;
	padding-bottom:40px;
}
.accBox .form-horizontal{
	padding:40px;
	font:16px/16px 'microsoft yahei';
}
.accBox .form-horizontal .control-group:first-child{
	border-top:0;
}
.accBox .form-horizontal .control-group:last-child{
	border-bottom:0;
}
.accBox .form-horizontal .tip{
	color:#9e9e9e;
	font-size:14px;
	line-height:14px;
	margin-left:10px;
	padding-top:4px;
}
div.uploader span.action{
	background-color:#f9f9f9;
}
.accBox .form-horizontal input[type=text]{
	width:250px;
}
.accBox .form-horizontal .select2-container{
	width:264px;
}
.accBox .form-horizontal .sel4 .select2-container{
	width:130px;
}
.accBox .loginBtn{
	padding:20px;
	margin-left:180px;
}
.accBox .loginBtn a{
	margin-right:6px;
}
.loginBtn .btn-success {
	color:#fff;
	background: -moz-linear-gradient( top,#e4b559,#d7974d);
	background: -webkit-linear-gradient(top,#e4b559,#d7974d);
	background: -o-linear-gradient(top,#e4b559, #d7974d);
}
.loginBtn .btn-success:hover, .loginBtn .btn-success:focus, 
.loginBtn .btn-success:active, .loginBtn .btn-success.active{
	background: -moz-linear-gradient( top,#dda332,#c27d2e);
	background: -webkit-linear-gradient(top,#dda332,#c27d2e);
	background: -o-linear-gradient(top,#dda332, #c27d2e);
}
.loginBtn .btn-primary {
	color:#fff;
	background: -moz-linear-gradient( top,#6da0ce,#578bbb);
	background: -webkit-linear-gradient(top,#6da0ce,#578bbb);
	background: -o-linear-gradient(top,#6da0ce, #578bbb);
}
.loginBtn .btn-primary:hover, .loginBtn .btn-primary:focus, 
.loginBtn .btn-primary:active, .loginBtn .btn-primary.active{
	background: -moz-linear-gradient( top,#588fc2,#2d669b);
	background: -webkit-linear-gradient(top,#588fc2,#2d669b);
	background: -o-linear-gradient(top,#588fc2, #2d669b);
}
.app_main .control-group .progress {
    margin-bottom: 2px;
    margin-top: 2px;
    width: 302px;
}
.app_main .control-group  .bar{
	width:45%;
}
.app_main .control-group  .percent{
	width:40px !important;
	position: absolute;
    left: 310px;
    top:14px;
	font-size:15px;
	padding:0;
	padding-left:4px;
	border:1px #e3e3e3 solid !important;
	outline:none;
	background-color:transparent;
	color:#53a8cb;
}
.app_main .control-group .adText{
	font-size:13px;
	margin-left:6px;
	color:#888;
}
.app_main .control-group .adPosit{
	position: absolute;
    left: 356px;
    top:16px;
}
.app_main .form-horizontal .textColorWid input[type=text]{
	width:401px;
}
.select2-drop {
    margin-top:-11px;

}

/*  gridly    */

.dragSorting{
	width:96%;
	margin:10px auto;
}
.example {
	position: relative; 
	width:190px;
	height:304px;
	float:left;
	border:1px #ccc solid;
	padding-bottom:14px;
	margin-right:10px;
	overflow-y:scroll; 
	overflow-x:hidden;
	
}
.example .brick {
    position: relative; 
	width:140px;
	height: 30px; 
	margin: 4px 18px; 
	padding: 5px 10px; 
	font-size:13px;
	display: block; 
	text-decoration: none; 
	
	border: 1px solid #ddd;
    background: #f6f6f6;
	color:#c2c2c2;
  	
    box-sizing: border-box; 
	-moz-box-sizing: border-box;
	
	table-layout: fixed;
	word-wrap:break-word;
	word-break:break-all;
	
}
.example .brickEdit{
	color:#555;
	border: 1px solid #ccc;
	background: #fff2b4;
	cursor:move;
}
.example .brickEdit .dragging { 
	opacity: 0.8;
}

.canshu{
	position: relative;
	width:316px;
	height:298px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	border:1px #ccc solid;
	overflow-y:auto;
}
.griText{
	font-size:14px;
	line-height:30px;
	padding:4px 0;
	color:#999;
}
.canshu input[type=text]{
	width:150px;
	margin-bottom:0;
}
.canshu .control-group{
	clear:both;
}
.canshu .control-label{
	float:left;
	text-align:right;
	width:110px;
	font-size:13px;
	padding-top:12px;
}
.canshu .controls{
	float:left;
	margin-left:4px;
	padding:8px 0;
}
.cs-sdk, .cs-api, .apiHid {
	display:none;
}
.example a{
	position:absolute;
	top:0;
	width:19px;
	height:26px;
	display:block;
}
.example .eye{
    right:50px;
	background:url(../img/channel.png)no-repeat -8px -2px;
	cursor: default;
	opacity:.5;
}
.example .edit{
    right:23px;
	background:url(../img/channel.png)no-repeat -10px -62px;
	cursor: default;
	opacity: .5;
}
.example .delete{
    right:0;
	background:url(../img/channel.png)no-repeat -14px -122px;
	cursor: default;
	opacity: .5;
}
.example .eye-sdk, .example .eye-adin, .example .eye-api{
    right:50px;
	background:url(../img/channel.png)no-repeat -8px -32px;
	cursor: pointer;
	opacity:1;
}
.example .edit2, .example .edit3, .example .edit-adin{
    right:23px;
	background:url(../img/channel.png)no-repeat -10px -92px;
	cursor: pointer;
	opacity: 1;
}
.example .delete2, .example .delete3, .example .delete-adin{
    right:0;
	background:url(../img/channel.png)no-repeat -14px -152px;
	cursor: pointer;
	opacity: 1;
}

.zk_con{
	width:92%;
	margin:26px auto 10px;
	padding:12px 0;
	overflow:hidden;
}
.zk_btn{
	font-size:12px;
	color:#3a3a3a;
	padding:4px 18px;
	border:1px #d9d9d9 solid;
	border-bottom:1px #b3b3b3 solid;
	border-radius:4px;
	background:-webkit-linear-gradient(top,#fff,#e6e6e6);
	background:-moz-linear-gradient( top,#fff,#e6e6e6);
	background:-o-linear-gradient( top,#fff,#e6e6e6);
}
.zk_btn:hover, .zk_btn:focus{
	color:#000;
	border:1px #ccc solid;
	border-bottom:1px #b0b0b0 solid;
	background:-webkit-linear-gradient(top,#f5f5f5,#d0d0d0);
	background:-moz-linear-gradient(top,#f5f5f5,#d0d0d0);
	background:-o-linear-gradient(top,#f5f5f5,#d0d0d0);
}
.zk_table{
	width:92%;
	margin:0 auto;
	padding:12px 0;
	overflow:hidden;
}
.zk_table thead th{
	height:28px;
	line-height:28px;
	border-bottom:1px #d6d6d6 solid;
	background:-webkit-linear-gradient(top,#f9f9f9,#e5e5e5);
	background:-moz-linear-gradient(top,#f9f9f9,#e5e5e5);
	background:-o-linear-gradient(top,#f9f9f9,#e5e5e5);
}
.zk_table table td{
	font-size:13px;
	padding:5px 12px;
	height:20px;
	line-height:20px;
}
.zk_table table tr:nth-child(2n) td{
	background-color:#f3f6fa;
}
.zk_table tr:hover td{
	background-color:#e6f0ff;
}
.zk_table tbody{
	min-height:300px;
	height:auto;
	overflow:auto;
}
.table tr.active td{
	background-color:#b6d5ff !important;
}
#directMedia thead th:nth-child(1), #directMedia thead th:nth-child(3), #directMedia tr td:nth-child(1), #directMedia tr td:nth-child(3){ display:none;}
.zk_del{
	border-radius:4px;
	background:#e4c600;
	padding:5px 18px;
	border:1px #d6ba00 solid;
	margin-left:10px;
	color:#fff;
	opacity:0;
}
button.zk_active{
	-webkit-animation:moveLeft .8s ease forwards;
	-moz-animation:moveLeft .8s ease forwards;
	-ms-animation:moveLeft .8s ease forwards;
	-o-animation:moveLeft .8s ease forwards;
		animation:moveLeft .8s ease forwards;
}
@-webkit-keyframes moveLeft{
	0%{
		opacity:1;
		-webkit-transform:translateX(120px) skew(30deg);
		-moz-transform:translateX(120px) skew(30deg);
		-ms-transform:translateX(120px) skew(30deg);
		-o-transform:translateX(120px) skew(30deg);
				transform:translateX(120px skew(30deg));
	}
	60%{
		opacity:1;
		-webkit-transform:translateX(0) skew(-20deg);
		-moz-transform:translateX(0) skew(-20deg);
		-ms-transform:translateX(0) skew(-20deg);
		-o-transform:translateX(0) skew(-20deg);
				transform:translateX(0) skew(-20deg);
	}
	80%{
		opacity:1;
		-webkit-transform:skew(5deg);
		-moz-transform:skew(5deg);
		-ms-transform:skew(5deg);
		-o-transform:skew(5deg);
				transform:skew(5deg);
	}
	100%{ 
		opacity:1;
		-webkit-transform:skew(0deg);
		-moz-transform:skew(0deg);
		-ms-transform:skew(0deg);
		-o-transform:skew(0deg);
				transform:skew(0deg);
	}	
}
@-moz-keyframes moveLeft{
	00%{
		opacity:1;
		-webkit-transform:translateX(120px) skew(30deg);
		-moz-transform:translateX(120px) skew(30deg);
		-ms-transform:translateX(120px) skew(30deg);
		-o-transform:translateX(120px) skew(30deg);
				transform:translateX(120px skew(30deg));
	}
	60%{
		opacity:1;
		-webkit-transform:translateX(0) skew(-20deg);
		-moz-transform:translateX(0) skew(-20deg);
		-ms-transform:translateX(0) skew(-20deg);
		-o-transform:translateX(0) skew(-20deg);
				transform:translateX(0) skew(-20deg);
	}
	80%{
		opacity:1;
		-webkit-transform:skew(5deg);
		-moz-transform:skew(5deg);
		-ms-transform:skew(5deg);
		-o-transform:skew(5deg);
				transform:skew(5deg);
	}
	100%{ 
		opacity:1;
		-webkit-transform:skew(0deg);
		-moz-transform:skew(0deg);
		-ms-transform:skew(0deg);
		-o-transform:skew(0deg);
				transform:skew(0deg);
	}	
}
@-ms-keyframes moveLeft{
	0%{
		opacity:1;
		-webkit-transform:translateX(120px) skew(30deg);
		-moz-transform:translateX(120px) skew(30deg);
		-ms-transform:translateX(120px) skew(30deg);
		-o-transform:translateX(120px) skew(30deg);
				transform:translateX(120px skew(30deg));
	}
	60%{
		opacity:1;
		-webkit-transform:translateX(0) skew(-20deg);
		-moz-transform:translateX(0) skew(-20deg);
		-ms-transform:translateX(0) skew(-20deg);
		-o-transform:translateX(0) skew(-20deg);
				transform:translateX(0) skew(-20deg);
	}
	80%{
		opacity:1;
		-webkit-transform:skew(5deg);
		-moz-transform:skew(5deg);
		-ms-transform:skew(5deg);
		-o-transform:skew(5deg);
				transform:skew(5deg);
	}
	100%{ 
		opacity:1;
		-webkit-transform:skew(0deg);
		-moz-transform:skew(0deg);
		-ms-transform:skew(0deg);
		-o-transform:skew(0deg);
				transform:skew(0deg);
	}	
}
@-o-keyframes moveLeft{
	0%{
		opacity:1;
		-webkit-transform:translateX(120px) skew(30deg);
		-moz-transform:translateX(120px) skew(30deg);
		-ms-transform:translateX(120px) skew(30deg);
		-o-transform:translateX(120px) skew(30deg);
				transform:translateX(120px skew(30deg));
	}
	60%{
		opacity:1;
		-webkit-transform:translateX(0) skew(-20deg);
		-moz-transform:translateX(0) skew(-20deg);
		-ms-transform:translateX(0) skew(-20deg);
		-o-transform:translateX(0) skew(-20deg);
				transform:translateX(0) skew(-20deg);
	}
	80%{
		opacity:1;
		-webkit-transform:skew(5deg);
		-moz-transform:skew(5deg);
		-ms-transform:skew(5deg);
		-o-transform:skew(5deg);
				transform:skew(5deg);
	}
	100%{ 
		opacity:1;
		-webkit-transform:skew(0deg);
		-moz-transform:skew(0deg);
		-ms-transform:skew(0deg);
		-o-transform:skew(0deg);
				transform:skew(0deg);
	}	
}
@keyframes moveLeft{
	0%{
		opacity:1;
		-webkit-transform:translateX(120px) skew(30deg);
		-moz-transform:translateX(120px) skew(30deg);
		-ms-transform:translateX(120px) skew(30deg);
		-o-transform:translateX(120px) skew(30deg);
				transform:translateX(120px skew(30deg));
	}
	60%{
		opacity:1;
		-webkit-transform:translateX(0) skew(-20deg);
		-moz-transform:translateX(0) skew(-20deg);
		-ms-transform:translateX(0) skew(-20deg);
		-o-transform:translateX(0) skew(-20deg);
				transform:translateX(0) skew(-20deg);
	}
	80%{
		opacity:1;
		-webkit-transform:skew(5deg);
		-moz-transform:skew(5deg);
		-ms-transform:skew(5deg);
		-o-transform:skew(5deg);
				transform:skew(5deg);
	}
	100%{ 
		opacity:1;
		-webkit-transform:skew(0deg);
		-moz-transform:skew(0deg);
		-ms-transform:skew(0deg);
		-o-transform:skew(0deg);
				transform:skew(0deg);
	}
}
.zk_con .btn{
	background-color:#d4d4d4;
	color:#666;
	padding:8px 24px;
	margin-left:10px;
}
.zk_con .btn-primary{
	background-color:#6494c0;
	color:#fff;
}
.zk_con .btn-disable, .zk_con .btn[disabled]{
	opacity:1;
}
.zk_con .btn-warning{
	background-color:#e4c600;
	color:#fff;
}

input[type="text"].ipNum{
	border:0;
	padding:0;
	margin:0;
	height:auto;
	background:transparent;
	opacity:0;
}

input[type="text"].ipNum:focus{
	box-shadow:none;
}

input[type="text"].ipNum-2, input[type="text"].ipNum-3{
	opacity:1;
	background-color:#fff;
	padding-left:10px;
}

.datepicker th.next, .datepicker th.prev{
	font-size:13px;
}
.form-con .sel5 .select2-container{
	width:126px;
}
.app_main .form-horizontal .control-group input[type=text].inp5{
	width:200px;
}
.app_main .form-horizontal .control-group input[type=text].inp6{
	width:300px;
}
.suf-add, .suf-add:hover{
	font-size:13px;
	color:#e20000 !important;
	text-decoration:underline;
	margin-left:4px;
	line-height:26px;
	outline:none;
}
.app_main .form-horizontal .control-group .inp_m{ margin-top:8px;}
.add-con{
	overflow-y:scroll;
	width:432px;
	height:146px;
	padding:2px 6px;
	margin-top:10px;
	background-color:#fff;
}
.add-con div{
	position:relative;
	line-height:20px;
	margin-top:8px;
	color:#444;
	font-size:13px;
}
.add-con p{
	position:absolute;
	right:0;
	top:0;
	width:auto;
	max-width:260px;
	height:20px; 
	line-height:18px; 
	padding:0 24px 0 10px;  
	color:#666;
	background:url(../img/icon_delete.png) right 2px no-repeat #f4f4f4;  
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	border-radius:10px;
	cursor:pointer;	
}
div#uniform-order-file{
	width:auto;
}
div#uniform-order-file span.filename{
	width:336px;
}
.input-append.datepicker{
	display:block;
	position:static;
}
.inp_close{
	font-size:13px;
	color:#999 !important;
	text-decoration:underline;
	margin-left:4px;
	line-height:26px;
	outline:none;
}
.inp_close:hover{
	color:#e20000 !important;
	text-decoration:underline;
}







 
/* Responsive design */

/*   width < =  480px    */

@media (max-width: 480px) {


.app_title{
	margin-left:6px;	
}
.app_content{
	padding:20px 18px 60px 14px;
	margin-left:6px;
}
.form-con .control-group {
	margin:0;
	padding:12px 0;
	float:none;
	clear:both;
}
.form-con input[type=text]{
	width:160px;
}
.form-con .sel1 .select2-container{
	width:82px;
}
.form-con .sel2 .select2-container{
	width:174px;
}
.form-con .sel1 .select2-container:first-child , .popup .form-horizontal .sel1 .select2-container:first-child {
	margin-right:5px;
}
.form-con .disnorm label{
	display:block;
}
.form-con a.btn{ 
	margin-left:100px;
	margin-top:10px;
}

.addBtn{
	padding:8px 14px 18px 14px;
}
.addBtn input[type=button]{
	margin-right:8px;
}
.addBtn > a {
	margin-left:6px;
}
.addBtn .btn{
	padding:10px 12px 10px 10px;
}
.ui-dialog{
	width:88% !important;
	left:20px;
}
.app_main .form-horizontal .control-label{
	float:left;
	text-align:right;
	width:110px;
}
.app_main .form-horizontal .controls{
	margin-left:130px;
}
.app_main .form-horizontal input[type=text]{
	width:154px;
}
.app_main .form-horizontal .sel1 .select2-container:first-child{
	margin-right:3px;
}
.app_main .form-horizontal .sel1 .select2-container{
	width:80px;
}
.app_main .form-horizontal .sel2 .select2-container{
	width:168px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
	padding:12px 28px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	width:70%;
}
.app_main .form-horizontal .controls label{
	margin-left:0;
	margin-right:0;
}
.form-con .controls{
	height:auto;
}


.tabScroll{
	height:196px;
}
.chan_left{
	width:108px;
	height:auto;
}
.chanTitle{
	height:auto;
}
.chanTitle > label{
	background:none;
	padding-left:16px;
	padding-bottom:4px;
}
.tabCon .scrLine{
	left:34px;
}
.tabContent .control-label{
	float:none;
	text-align:left;
	padding-left:20px;
	margin-bottom:0;
}
.tabContent .controls{
	margin-left:20px;
	padding:4px 0;
}
.tabContent input[type=text]{
	width:150px;
}
.tabContent .select2-container{
	width:164px;
}
.tabContent .controls  select{
	width:164px;
}
.tabContent .inp3 input[type=text]{
	width:137px;
}

#sett{
	margin-bottom:-14px;
}
#sett .form-con .control-label{
	display:inline-block;
}
#sett .form-con .select2-container{
	width:160px;
}
.tabContent .percent{
	left:132px;
	top:4px;
}
#perm_tab_title{
	padding-left:6px;
	padding-bottom:6px;
}
#perm_tab_title span{
	color:#999;
	font:14px/14px 'microsoft yahei';
	margin-left:0px;
	padding:8px;
	cursor:pointer;
}
.permSearch input[type=text]{
	width:150px;
	margin-right:8px;
}
.permSearch .btn{
	padding:6px 10px;
}
.inter-form .select2-container{
	width:174px;
}
.interData{
	width:auto;
}
.tabContent .progress{
	width:130px;
}
.btn-add, #actionMain{
	width:86%;
}
#actionMain .data_table {
	overflow: auto; 
	overflow-y:hidden
}
#actionMain table input{
	width:100px;
}

.role_left, .role_right {
	height:260px;
	width:94%;
	float:none;
	margin-left:8px;
}
.role_right{
	margin-top:14px;
}
div.uploader{
	width:170px;
}
div.uploader span.action{
	width:65px;
}
.accBox .form-horizontal{
	padding:20px 10px;
}
.accBox .form-horizontal .control-label{
	width:120px;
	padding-left:0;
	float:left;
	text-align:right;
}
.accBox .form-horizontal .controls{
	margin-left:126px;
	padding:10px 0;
}
.accBox .loginBtn{
	margin-left:20px;
}
.accBox .form-horizontal input[type=text]{
	width:120px;
}
.accBox .form-horizontal .select2-container{
	width:134px;
}
.accBox .form-horizontal .sel4 .select2-container{
	width:64px;
}
.accBox div.uploader{
	width:140px;
}
.accBox div.uploader span.filename{
	width:53px;
}
.accBox div.uploader span.action{
	width:64px;
}
.FlpermTop{
	right:20px;
}
.FlpermTop .fenlei{
	width:50px;
	margin-right:4px;
}
.FlpermTop input[type=text]{
	width:78px;
	margin-right:6px;
}
.ui-dialog .ui-dialog-content{
	max-height:288px !important;
}
.example{
	width:152px;
	height:310px;
	margin-right:0;
}
.apiHid{
	margin-left:10px;
}
.example .brick{
	width:130px;
	font-size:12px;
	margin-left:10px;
}
.canshu input[type=text]{
	width:150px;
}
.canshu{
	width:100%;
	float:none;
	height:auto;
	min-height:150px;
	top:14px;
}



}

/*    481px = <  width < = 970px    */

@media (min-width: 481px) and (max-width: 970px) {
	
.form-con .control-group{
	margin-right:16px;
}
.form-con input[type=text]{
	width:160px;
}
.form-con .dataTime  input[type=text]{
	width:142px;
}
.form-con .sel1 .select2-container{
	width:110px;
}
.ui-dialog{
	width:70% !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	width:52%;
}
.chan_right{
	width:56%;
}
.tabContent .control-label{
	width:100px;
}
.tabContent .controls{
	margin-left:106px;
}
.tabContent input[type=text]{
	width:138px;
}
.tabContent .select2-container{
	width:152px;
}
.tabContent .controls  select{
	width:152px;
}
.tabContent .inp3 input[type=text]{
	width:111px;
}
#sett .form-con .select2-container{
	width:160px;
}
.tabContent .progress{
	width:120px;
}
.tabContent .percent{
	left:120px;
}
.permSearch input[type=text]{
	width:150px;
}
.permSearch .btn{
	padding:6px 14px;
}

.inter-form .select2-container{
	width:150px;
}
.btn-add, #actionMain{
	width:90%;
}
#actionMain .data_table {
	overflow: auto; 
	overflow-y:hidden
}
#actionMain table input{
	width:100px;
}
.role_left{
	width:32%;
} 
.role_right{
	width:62%;
}
.ztree{
	margin-left:10px;
}
.role_list{
	margin-left:6px;
}
.accBox .form-horizontal .control-label{
	width:140px;
	padding-left:0;
}
.accBox .form-horizontal .controls{
	margin-left:150px;
}
.accBox .loginBtn{
	margin-left:130px;
}
.app_main .form-horizontal input[type=text]{
	width:302px;
}
.app_main .form-horizontal .sel2 .select2-container{
	width:316px;
}
.app_main .form-horizontal .sel1 .select2-container{
	width:152px;
}
.app_main .form-horizontal .sel1 .select2-container:first-child{
	margin-right:7px;
}
.dragSorting{
	width:92%;
	margin:4% auto;
}
.canshu{
	width:100%;
	float:none;
	height:auto;
	min-height:150px;
	top:14px;
}
.apiHid{
	margin-left:16px;
}
.example{
	width:236px;
	margin-right:0;
}
.example .brick{
	width:150px;
	margin-left:40px;
}
.canshu .control-label{
	width:150px;
}
.canshu input[type=text]{
	width:200px;
}





}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
		background-image: url(../img/select2.png) !important;
	}
}


